.table {
  @apply -w-full;
  border-color: var(--table-border-color);
}

.table > thead {
  background-color: var(--table-head-bg);
}
.table > * > tr {
  @apply -border-b;
}

.table > * > tr > * {
  @apply -px-4 -py-2;
}

.table-striped > tbody > tr:nth-child(even) {
  background: var(--table-striped-color);
}

.table-hover > tbody > tr:hover > * {
  background: var(--table-hover-color);
}

.table.bordered > * > tr > *  {
  @apply -border;
}

.table.borderless > * > tr,
.table.borderless > * > tr > * {
  @apply -border-none;
}

.condensed > * > tr > * {
  @apply -px-3 -py-1.5;
}

.table-fixed {
  table-layout: fixed;
}
.table-fixed > * > tr > * {
  @apply -overflow-hidden -whitespace-nowrap;
}
